
// banner-----------------------
//轮播图 上一张和 下一张 按钮
let index = 0;
$('.banner .prevImg').click(function(){
    prevImg()
})

$('.banner .nextImg').click(function(){
    nextImg()
})
//定时器
nextImg()
let times = setInterval(function(){
    nextImg()
},2000)

$('.img').hover(function(){
    clearInterval(times)
},function(){
    times = setInterval(function(){
        nextImg()
    },2000)
})
// 按钮上一张封装
function prevImg(){
    index--
    if(index < 0){
        index = 1
    }
    
    let imgs = document.querySelectorAll('.banner .img')
    for(let i=0;i<imgs.length;i++){
        imgs[i].style.opacity = '0'
        
    }
    $('.img').eq(index).css({
        opacity:1
    })
}
// 按钮下一张封装
function nextImg(){
    index++
    if(index == 2){
        index = 0
    }
    
    let imgs = document.querySelectorAll('.banner .img')
    for(let i=0;i<imgs.length;i++){
        imgs[i].style.opacity = '0'
        
    }
    $('.img').eq(index).css({
        opacity:1
    })
}

///////////导航Nav 点击 的二级菜单 ----------------------------------
$('.warpUl .li1').click(function(e){
    $('.neiUl').each(function(){
        $('.neiUl').css({display:'none'})
        
    })
    $('.neiUl').eq($(this).index()).toggle('slow')
    
    
    e.stopImmediatePropagation()
})
$(document).click(function(){
    $('.neiUl').each(function(){
        $('.neiUl').css({display:'none'})
        // $('.warpUl .li1').children().children('span').removeClass("icon-shang").addClass("icon-icon-arrow-bottom2")
    })
})




/////////////////商品列表上一张和下一张两个按钮
